<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>

<%  if( request.getParameter("opcion") == null ){ %>

        <script> location.href="peliculas?opcion=0"; </script>

<%    }   %>

<%@page contentType="text/html" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type">
    <title>Peliculas</title>
    <meta name="description" content="Place your description here">
    <meta name="keywords" content="put, your, keyword, here">
    <meta name="author" content="Templates.com - website templates provider">
    <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/sort.css" type="text/css" media="all">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/cufon-replace.js"></script>
    <script type="text/javascript" src="js/AG_Foreigner_Light-Plain_400.font.js"></script>
    <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
    <script type="text/javascript" src="js/tabs.js"></script>
    <script type="text/javascript" src="js/jquery.faded.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/list.pagination.min.js"></script>
    
    <script>
            function adminPelicula( idpelicula ){

                    $.get('peliculas',{administrarpeliculas:idpelicula},function(responseText) {
                    $('#admin').html(responseText);    
                    $('#admin').show("swing");    
                    
                 })
             }

    
            function adminPersonas( idpelicula ){

                    $.get('peliculas',{administrarpersonas:idpelicula},function(responseText) {
                    $('#admin').html(responseText);    
                    $('#admin').show("swing");    
                    
                 })
             }

    
             function eliminarPeliculaBD(  ){
                 
                    idpelicula = $("#idpelicula").val();
                    $.get('peliculas',{eliminarpelicula:idpelicula},function(responseText) {
                    alert("La pelicula ha sido borrada exitosamente.");
                    location.href = document.URL;
                 })
             }
             
             
             function cambiarSelectCategorias( tipo, defecto ){
                 
                    tipovideo = $("#idpelicula").val();
                    $.get('peliculas',{actualiazrselectcateg:tipo, defecto:defecto},function(responseText) {
                    $('#paraselectc').html(responseText);
                 })
             }
             
             
        </script>
    <!--[if lt IE 7]>
		 <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">		 <script type="text/javascript" src="js/ie_png.js"></script>		 <script type="text/javascript">				ie_png.fix('.png, ul.tabs li a, ul.tabs li a span, ul.tabs li a span, figure img');		 </script><![endif]-->
    <!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>	<![endif]-->
    <script>
        var mensaje = "${mensaje}";
        if ( mensaje != "" ){
            alert(mensaje);
        }
    </script>
  </head>
  <body id="page1">
    <div class="wrap">
      <div class="ic"><!-- HLinks --></div>
      <!-- header -->
      <header>
        <div class="container">
          <h1><a href="index.html">Video Minuto<span></span></a></h1>
          <nav>
            <ul>
              <li><a href="index.jsp" class="active"><span><span>Peliculas</span></span></a></li>
              <li><a href="opciones?opcion=2"><span><span>Series</span></span></a></li>
              <li><a href="opciones?opcion=3"><span><span>Colecciones</span></span></a></li>
              <li><a href="opciones?opcion=4"><span><span>Buscar</span></span></a></li>
            </ul>
          </nav>
          <ul class="tabs2">
            <li><a href="peliculas.jsp"><span><span>Administrar Peliculas</span></span></a></li>
            <li><a href="javascript:nuevaPelicula();"><span><span>Nueva Pelicula</span></span></a></li>
          </ul>
          <div class="tab_container">
            <div id="tab1" class="tab_content">
               <center>
                   <div id="admin"></div>
                   <br>
                   <div id="videos">
                       <input class="search" placeholder="Search" />
                       ${peliculas}
                       <ul class="pagination"></ul>
                   </div>
               </center>
            </div>
                
          </div>
        </div>
      </header>
      <div class="container">
        <!-- aside -->
        <aside>
          <div class="inside">
           
              <% HttpSession sesion=request.getSession();

            if( sesion.getAttribute("usuario") != null ){ %>

                ${loginAcceso}


            <% } else { %>

                
                    <ul class="list">
                        <li><a id="abrir" href="javascript:initSession();">Iniciar Session</a></li>
                        <li><a id="abrir" href="javascript:registerUser();">Registrarse</a></li>
                      </ul>  <br>
                    
            <% } %>  
              
               <!-- <a href="Personas.jsp">Registrar Personas</a> -->

              <figure><img src="images/extra-img.png"></figure>
          </div>
        </aside>
        <!-- content -->
        <section id="content">
          <div class="wrapper">

          </div>
        </section>
      </div>
    </div>
               
 <!-- Dialog Login-->
    <div id="dialog" title="Acceso de usuario">
        <form action="opciones" method="post">
            <input type="text" name="user" placeholder="usuario" required>
            <input type="password" name="password" placeholder="contraseña" required=""><br>
            <input type="submit" value="Ingresar">
         </form>
    </div>
      
    <!-- Dialog Login-->
    <div id="registro" title="Registro de usuario">
        <form action="opciones" method="post">
            <input type="text" name="identificacion" placeholder="Identificacion" required>
            <input type="text" name="nombre" placeholder="Nombre" required>
            <input type="text" name="usuario" placeholder="Usuario" required>
            <input type="password" name="clave" placeholder="Contraseña" required=""><br>
            <input type="text" name="direccion" placeholder="Direccion" required>
            <input type="text" name="telefono" placeholder="Telefono" required>
            <input type="mail" name="correo" placeholder="Correo" required>
            <input type="hidden" name="regnewuser" id="regnewuser" value="1">
            <input type="submit" value="Registrarme">
         </form>
    </div>               

    
    <!-- Dialog Calificacion -->
    <div id="calificar" title="Calificar Video"></div>

     <!-- Dialog nueva coleccion-->
    <div id="n_pel" title="Crear Nuevo Video">
        <form action="peliculas?opcion=0" method="post">
            <input type="radio" name="tipovideo" value="1" id="tipopel" onclick="cambiarSelectCategorias(1)" /><label for = "tipopel">Pelicula</label>
            <input type="radio" name="tipovideo" value="2" id="tiposer" onclick="cambiarSelectCategorias(2)" /><label for = "tiposer">Serie</label><br />
            <input type="text" name="identificacion" id="identificacion" placeholder="Identificacion" required><br>
            <input type="text" name="titulo" id="titulo" placeholder="Titulo" required><br>
            <input type="text" name="duracion" id="duracion" placeholder="Duracion" required><br>
            <input type="text" name="ano" id="ano" placeholder="Año" required><br>
            <input type="text" name="trailer" id="trailer" placeholder="Url Trailer" required><br>
            <input type="text" name="snapshot" id="snapshot" placeholder="Url SnapShot" required><br>
            <textarea name="sinopsis" id="sinopsis" required="" placeholder="Sinopsis"></textarea><br>
            <span id="paraselectc">${scategorias}</span><br>
            <input type="hidden" name="nuevovideo" value="1">
            <input type="hidden" name="idvideo" id="idvideo" value="">
            <input type="submit" value="Guardar" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
         </form>
    </div>
                     
     <!-- Dialog eliminar coleccion-->
    <div id="eli_pel" title="Eliminar Video">
        <form action="colecciones?opcion=0" method="post">
            <span>¿Confirma que desea eliminar el video <b><span id="nompeleli"></span></b>?</span>
            <input type="hidden" name="eliminarpelicula" value="1">
            <input type="hidden" name="idpelicula" id="idpelicula" value="">
         </form>
    </div>
                     
               
    <!-- footer -->
    <footer>
      <div class="container">
        <div class="inside">Proyecto VideoMinuto Arquitectura de Software
          (Gisell, Edisson, Fabian y Oscar).<br>
          Plantilla Web tomada de TemplateMonster.com provided by Templates.com<br>
          <!-- VLinks --></div>
      </div>
    </footer>
    
    <script>
    $(document).ready(function(){
					  
  // Para ventanas modal login    
    $(function () {
    $("#dialog").dialog({
    autoOpen: false,
    modal: true /*,
    buttons: {
    "Cerrar": function () {
    $(this).dialog("close");
    }
    }*/});
    });


    $(function () {
    $("#registro").dialog({
    autoOpen: false,
    modal: true /*,
    buttons: {
    "Cerrar": function () {
    $(this).dialog("close");
    }
    }*/});
    });



    $(function () {
    $("#n_pel").dialog({
    autoOpen: false,
    modal: true
    });
    });

    $(function () {
    $("#eli_pel").dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        "Aceptar": function () {
            eliminarPeliculaBD();
        },
        "Cancelar": function () {
            $(this).dialog("close");
        }
    }
    });
    });

    });
    </script>

<script type="text/javascript" src="js/list.min.js"></script>
    
    <script>
        $('#admin').hide("linear");
        
        // TableSort
        var options = {
            valueNames: [ 'codigo', 'titulo', 'categoria', 'idiomas', 'personas' ],
            page: 10,
            plugins: [ ListPagination({}) ] 
        };
        var videosList = new List('videos', options);
        
    </script>
        
    
  </body>
</html>
